import React, { useState } from 'react';
import '../css/style.css'
import { Modal, Button } from 'antd';


class News extends React.Component {
    state = {
        visible: false,
        visibleA: false,
        visibleB: false,
        visibleC: false,
        visibleOne: false,
        visibleTwo: false,
        visibleThr: false,

    };

    showModal = () => {
        this.setState({
            visible: true,
        });
    };

    handleOk = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };

    handleCancel = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };

    showModalA = () => {
        this.setState({
            visibleA: true,
        });
    };

    handleOkA = e => {
        console.log(e);
        this.setState({
            visibleA: false,
        });
    };

    handleCancelA = e => {
        console.log(e);
        this.setState({
            visibleA: false,
        });
    };

    showModalB = () => {
        this.setState({
            visibleB: true,
        });
    };

    handleOkB = e => {
        console.log(e);
        this.setState({
            visibleB: false,
        });
    };

    handleCancelB = e => {
        console.log(e);
        this.setState({
            visibleB: false,
        });
    };

    showModalC = () => {
        this.setState({
            visibleC: true,
        });
    };

    handleOkC = e => {
        console.log(e);
        this.setState({
            visibleC: false,
        });
    };

    handleCancelC = e => {
        console.log(e);
        this.setState({
            visibleC: false,
        });
    };

    //11
    showModalOne = () => {
        this.setState({
            visibleOne: true,
        });
    };

    handleOkOne = e => {
        console.log(e);
        this.setState({
            visibleOne: false,
        });
    };

    handleCancelOne = e => {
        console.log(e);
        this.setState({
            visibleOne: false,
        });
    };
    showModalTwo = () => {
        this.setState({
            visibleTwo: true,
        });
    };

    handleOkTwo = e => {
        console.log(e);
        this.setState({
            visibleTwo: false,
        });
    };

    handleCancelTwo = e => {
        console.log(e);
        this.setState({
            visibleTwo: false,
        });
    };
    showModalThr = () => {
        this.setState({
            visibleThr: true,
        });
    };

    handleOkThr = e => {
        console.log(e);
        this.setState({
            visibleThr: false,
        });
    };

    handleCancelThr = e => {
        console.log(e);
        this.setState({
            visibleThr: false,
        });
    };

    render() {

        return (

            <div style={{ background: '#F5E9D', padding: 0, minHeight: 560, width: '100%', display: 'flex' }}>

                <div class="grid_7" style={{ background: '#F5E9DE', padding: 0, minHeight: 560, width: '100%' }}>



                    <h2>

                    </h2>
                    <li class='ic1' style={{ marginLeft: '40%' }}>
                        <h2 > Information</h2>
                        <img src={require("./images/猫爪.png")} style={{ width: '30px', height: '30px', marginTop: '5px' }} alt="" />
                    </li>


                    <div class="blog" >



                        <img src={require('./images/page4_img1.jpg')} alt="" class="img_inner fleft i1" />



                        <div class="extra_wrapper">



                            <div class="text2 col2">夏季宠物猫咪中暑全面解读</div>
                            <div style={{ marginTop: '60px' }}>
                                猫全身由被毛覆盖，除脚趾处分布有少量汗腺外，体表其余部分缺乏汗腺，因而对热的调节功能较差。夏天气温高，湿度大，猫体热不容易散发，易发生中暑，尢其是长毛品种猫。因此，夏季中暑对猫来说又是一种大的威胁。
                            </div>



                        </div>



                        <div class="clear"></div>


                        这个季节里，有些宝贝不愿意玩闹，不爱动，当家长的以为是夏天太炎热的原因并没有放在心上，这是很危险的!夏天特殊的属性，让我们很容易忽略宝贝的异常情况。如果在那么凉爽的环境中，你的宝贝仍然恹恹欲睡，甚至对玩具都不感兴趣，那么请注意,这可能是有某些疾病的征兆了，赶紧给你的猫咪量个体温吧!注意猫猫的正常体温在39度左右，比人类高的。
                        以下是一些急救措施







                        <a href="#" class="btn" style={{ float: 'left' }} onClick={this.showModalOne}>More</a>

                        <Modal

                            title="夏季宠物猫咪中暑全面解读"

                            visible={this.state.visibleOne}

                            onOk={this.handleOkOne}

                            onCancel={this.handleCancelOne}

                        >
                            <div  >
                                <img src={require('../images/page4_img1.jpg')} className="detail-list-img" />
                                <div style={{ display: 'flex' }}>
                                    <img src={require('../images/猫爪.png')} style={{ width: '30px', height: '30px' }} />
                                    <p>  猫全身由被毛覆盖，除脚趾处分布有少量汗腺外，体表其余部分缺乏汗腺，因而对热的调节功能较差。夏天气温高，湿度大，猫体热不容易散发，易发生中暑，尢其是长毛品种猫。因此，夏季中暑对猫来说又是一种大的威胁。</p>
                                </div>
                                <div style={{ display: 'flex' }} >
                                    <img src={require('../images/猫爪.png')} style={{ width: '30px', height: '30px' }} />
                                    <p>
                                        急救措施： (1)必须迅速地将猫转移至通风、背阴处， (2)用冷水擦拭猫的身体，用冰块或冰袋置于猫的头部，帮助降温。
                                        (3)或者将猫浸泡在冷水中不断地用冷水浇全身20~30分钟。有条件的可用电扇或者空调帮助降温
                                        (4)可用针刺破耳朵上及尾巴上的血管放血，放不出血时，可用剪刀减去耳尖或尾尖，便可放出血液，同时保证环境通风
                                        (5)急救措施如不见效，应立即转送宠物医院急救，直到猫体温下降，恢复正常为止 这个季节里，有些宝贝不愿意玩闹，不爱动，当家长的以为是夏天太炎热的原因并没有放在心上，这是很危险的!夏天特殊的属性，
                                        让我们很容易忽略宝贝的异常情况。如果在那么凉爽的环境中，你的宝贝仍然恹恹欲睡，甚至对玩具都不感兴趣，那么请注意,这可能是有某些疾病的征兆了，赶紧给你的猫咪量个体温吧!注意猫猫的正常体温在39度左右，比人类高的。</p>

                                </div>

                            </div>




                        </Modal>



                    </div>



                    <div class="blog">



                        <img src={require('./images/page4_img2.jpg')} alt="" class="img_inner fleft i1" />



                        <div class="extra_wrapper">



                            <div class="text2 col2">给宠物狗狗体检的八个步骤</div>
                            <div style={{ marginTop: '60px' }}>
                                一年一次的身体检查，是对自己身体的一个评估，也是对未来的健康做一个计划。狗狗也是如此，
                                狗狗只有短短的十几年，为了能让狗狗更长寿、更健康，家长也应该定期给您的狗狗做一下身体检查。
                                这种检查不一定非到专业的宠物医院去做，自己在家中也是可以进行的。趁着这个假期，
                                快来看看自己怎么样给狗狗做身体检查吧。

                            </div>



                        </div>



                        <div class="clear"></div>
                        为了便利大家，，以下为您提供一些自主体检的操作步骤.

                        <a href="#" class="btn" style={{ float: 'left' }} onClick={this.showModalTwo}>More</a>

                        <Modal

                            title="给宠物狗狗体检的八个步骤"

                            visible={this.state.visibleTwo}

                            onOk={this.handleOkTwo}

                            onCancel={this.handleCancelTwo}

                        >
                            <div>
                                <img src={require('./images/page4_img2.jpg')} className="detail-list-img" />
                                <div style={{ display: 'flex' }}>
                                    <img src={require('../images/猫爪.png')} style={{ width: '30px', height: '30px' }} />
                                    <p>    一年一次的身体检查，是对自己身体的一个评估，也是对未来的健康做一个计划。狗狗也是如此，
                                        狗狗只有短短的十几年，为了能让狗狗更长寿、更健康，家长也应该定期给您的狗狗做一下身体检查。
                                        这种检查不一定非到专业的宠物医院去做，自己在家中也是可以进行的。趁着这个假期，
                                        快来看看自己怎么样给狗狗做身体检查吧。
                                    </p>
                                </div>
                                <div style={{ display: 'flex' }} >
                                    <img src={require('../images/猫爪.png')} style={{ width: '30px', height: '30px' }} />
                                    <p>
                                        自主体检的操作步骤：1.摸摸鼻头：　　若狗狗的鼻头是湿湿的，那就表示很健康;若是干干的，那就上火了或是要生病了，需要多注意和补水。
                                        当然狗狗刚睡醒时鼻子干，算是正常的。2.与狗狗对视几秒钟：　　看看狗狗是不是眼泪汪汪的，观察狗狗的泪腺是否颜色变深，反省一下
                                        是不是喂的太咸或者吃太好了。3.小亲一下：　　在您与狗狗亲近的时候，凑近狗狗的嘴巴，闻闻它的口气是否清新。若是有味道了，说明有口腔疾病了哟!
                                        特别是老龄狗狗。4.翻一翻狗狗的耳朵：　　狗狗耳朵如果有臭臭的味道，和从里往外沾着棕色的东西，都是不好的迹象。狗狗老甩头，
                                        说明耳朵里头有脏东西或是发炎了。有的时候狗狗只是耳括脏，就用湿纸巾或酒精棉擦擦干净。如果从耳朵眼儿到耳括都有棕色的东西，那就得好好弄一下了。
                                        如果是耳朵里长毛的狗狗，看看是不是毛又长长了，是否有拔毛的必要。5.和狗狗握握手：　　与狗狗玩耍时，翻过狗狗的脚垫儿看看有没有裂痕，
                                        指逢里的毛是不是长长了。用手摸摸脚趾头缝里有没有破损或者长小脓包，指甲是不是尖了该修剪一下了，然后往上摸摸腿上有没有长包包。
                                        6.爱抚一下您的狗狗：　　在抚摸狗狗的时候，有意识的摸摸狗狗的下巴、耳朵后头、脖子后头、尾巴根和肚皮。这样就能发现毛发是否有打结，
                                        皮肤上是否有小疙瘩、肿块儿等等。看看有没有棕色或红点的小点儿并且有皮屑掉下来，有的话说明狗狗可能染上了螨虫。
                                        如果有上述的情况，就需要认真对待一下。
                                    </p>

                                </div>
                            </div>




                        </Modal>



                    </div>



                    {/* <div class="blog" >
                        <img src={require('./images/page4_img3.jpg')} alt="" class="img_inner fleft i1" />
                        <div class="extra_wrapper">
                            <div class="text2 col2">夏季养猫之养猫家庭安全驱蚊攻略</div>夏季来临，蚊子的虽迟但到让我们不得不使用灭蚊产品，但！不止上期说的猫咪误食虫子会危害健康，某些驱虫产品也可能要了喵命（猫：达咩！）
                            所有的驱虫化学产品都属于农药范围都有微毒，但安全含量是基于人类的承受能力

                        </div>
                        <div class="clear"></div>有毒成分
                        1. 菊酯类

                        分为菊酯类（天然）与拟菊酯类（化学合成）



                        产品：蚊香、电蚊香液、电蚊香片、蚊香盘、驱蚊水、驱蚊项圈/手环等



                        为什么有害



                        对于大部分哺乳类无害，但猫对此物质的代谢能力差，会在神经组织累积毒素导致中毒，据统计是猫咪中毒的常见原因之一



                        症状：呕吐、流口水、抽搐、精神萎靡



                        还能用吗？



                        1. 目前对猫准确地中毒剂量不明确，最好是选用0.1以下浓度



                        2. 使用时把猫咪与猫用品撤出房间隔离，使用完毕房间通风



                        注：中毒后无治疗特效药



                        2.避蚊胺（DEET）

                        合成杀虫剂驱蚊效果好，但猫误食可能直接致死



                        产品：涵盖大部分驱蚊喷雾



                        为什么有害？



                        导致神经系统疾病



                        症状



                        眼球震颤、抽搐、癫痫、呼吸困难等



                        还能用吗？



                        家长在户外时可安心使用，但建议回家后洗澡澡哦，毛茸茸会和家长亲密接触如贴贴舔舔的，很易误食



                        3. 派卡瑞丁（埃卡瑞丁）/驱蚊酯类

                        毒性比避蚊胺小一些，但对于猫咪还是有害，避免猫咪直接接触的情况下酌情考虑使用



                        4. 植物精油

                        天然产品看着比以上合成产物安全度更高，但含有的酚类物质对猫咪来说还是难以代谢，慎重使用



                        产品：青草膏、风油精等



                        5. 花露水

                        花露水样式繁多成分也各有不同，但需要注意的是成分有大量酒精，我们的小猫咪还“未成年”不能摄入酒精哦，正经地来说就是猫极易酒精中毒



                        还能用吗？



                        在室外可以哦，回家要洗干净再接触猫咪
                    </div> */}



                    <div class="blog">



                        <img src={require('./images/page4_img4.jpg')} alt="" class="img_inner fleft i1" />



                        <div class="extra_wrapper">



                            <div class="text2 col2">狗狗那些行为应当及时纠正 </div>

                            <div style={{ marginTop: '60px' }}>
                                对于狗狗的一些调皮行为，作为慈善的主人还是比较会大度的容忍的，但是小编要提醒各位家长注意了，以下五种行为，主人一定要及时管教并加以训练哦，不然放任狗狗的话以后可是会给主人带来更大的问题呢。
                            </div>
                        </div>



                        <div class="clear"></div>
                        为了您以后可以和谐地和宠物相处，避免狗狗养成不好的习惯，以下我们为您列举了部分需要主人及时更改狗狗的行为，希望可以帮到您。

                        <a href="#" class="btn" style={{ float: 'left' }} onClick={this.showModalThr}>More</a>

                        <Modal

                            title="狗狗那些行为应当及时纠正"

                            visible={this.state.visibleThr}

                            onOk={this.handleOkThr}

                            onCancel={this.handleCancelThr}

                        >
                            <div>
                                <img src={require('../images/page4_img4.jpg')} className="detail-list-img"></img>
                                <div style={{ display: 'flex' }}>
                                    <img src={require('../images/猫爪.png')} style={{ width: '30px', height: '30px' }} />
                                    <p>
                                        对于狗狗的一些调皮行为，作为慈善的主人还是比较会大度的容忍的，但是小编要提醒各位家长注意了，以下五种行为，主人一定要及时管教并加以训练哦，不然放任狗狗的话以后可是会给主人带来更大的问题呢。

                                    </p>
                                </div>
                                <div style={{ display: 'flex' }} >
                                    <img src={require('../images/猫爪.png')} style={{ width: '30px', height: '30px' }} />
                                    <p>
                                        一、对幼儿缠住玩闹



                                        这种动作也是爱犬的本能，但这对幼儿十分危险，所以一旦发现时，大人要握着幼儿的手来抚摸爱犬，如果还缠住玩闹者予以命令「等下」来制止，如此很有耐心地多次实施。

                                        二、对家具物品咬踤



                                        爱犬的会咬住东西或咬踤东西可以说是本能之一，如一旦发现则当场斥责「不行」，并另给予可以咬碎或咬住的东西。



                                        三、 狗没事乱吠乱叫



                                        狗的吠叫是一种沟通方式，或许是因为有陌生人接近，或他感到寂寞，饥饿或想出去玩，狗狗的持续吠叫可能打扰邻居。所以主人应该学会适度管教。



                                        四、娇生惯养的爱犬



                                        给予狗粮始终吃不完，不要误认为爱犬食慾不好而给予比平日更好的东西，这样语会更挑嘴，爱犬的偏食，跟主人饲养态度有关。</p>


                                </div>

                            </div>




                        </Modal>



                    </div>



                </div>

                <div class="grid_4 prefix_1" style={{ backgroundColor: '#F5E9DE', width: '50%', float: 'left', marginRight: '80px' }} >

                    {/* <h2 class="ic1">Knowledge
                    </h2> */}
                    <ul class="list1">

                        <li class='ic1' style={{ marginLeft: '40%' }}>
                            <h2 >Knowledge</h2>
                            <img src={require("./images/猫爪.png")} style={{ width: '30px', height: '30px', marginTop: '5px' }} alt="" />
                        </li>

                        <li>

                            <span></span>

                            <div class="extra_wrapper" >

                                <div class="col1"><a >狗的反应速度是人类的5倍。这是因为狗的眼睛接收信息的速度比人类要快25%左右</a></div></div>

                        </li>

                        <li>

                            <span class="cnt"></span><div class="extra_wrapper">

                                <div class="col1"><a >狗狗有口臭，有可能是患有牙周炎和牙齿发炎了，需去兽医那里进行检查。</a></div></div>

                        </li>

                        <li>

                            <span></span> <div class="extra_wrapper">

                                <div class="col1" ><a >禁止宠物吃巧克力，可能会产生有毒的物质引起尿失禁、羊癫疯等症状。</a></div></div>

                        </li>

                        <li>

                            <span class="cnt"></span> <div class="extra_wrapper">

                                <div class="col1"><a >通常宠物表现食欲不振是生病的症状。</a></div></div>

                        </li>

                        <li>

                            <span ></span> <div class="extra_wrapper">

                                <div class="col1"><a >猫不用经常洗澡，本身害怕水，一个月洗一次足矣。</a></div></div>

                        </li>

                        <li>

                            <span class="cnt"></span> <div class="extra_wrapper">

                                <div class="col1"><a >宠物剃毛时注意不要一丝不挂，容易紫外线伤皮肤。</a></div></div>

                        </li>

                        <li>

                            <span class=""></span> <div class="extra_wrapper">

                                <div class="col1"><a >绝育后的宠物性格孤僻，抑郁需要主人的多陪伴。</a></div></div>

                        </li>

                        <li>

                            <span class="cnt"></span> <div class="extra_wrapper">

                                <div class="col1"><a >狗狗的嗅觉是人类的10000倍以上。</a></div></div>

                        </li>

                        <li>

                            <span class=""></span> <div class="extra_wrapper">

                                <div class="col1"><a >仓鼠的寿命在宠物里算是很短暂的，平均寿命在3年左右。</a></div></div>

                        </li>

                    </ul>

                    {/* 右边 */}
                    <ul class="list l2" style={{ backgroundColor: '#F5E9DE' }}>


                        <li class='ic1' style={{ marginLeft: '40%' }}>
                            <h2 > Recent Posts</h2>
                            <img src={require("./images/猫爪.png")} style={{ width: '30px', height: '30px', marginTop: '5px' }} alt="" />
                        </li>

                        <li style={{ marginBottom: '40px' }}>

                            <span>

                                <time datetime="2023-05-26">26<span>MAY</span></time></span>

                            <div class="extra_wrapper">

                                <div class="col1"><a >克隆宠物</a></div>“天价”让宠物“复活”？当“克隆宠物”成为了一门生意……
                                <a class="col2" onClick={this.showModal}>
                                    Read More
                                </a>
                            </div>
                            <Modal
                                title="More"
                                visible={this.state.visible}
                                onOk={this.handleOk}
                                onCancel={this.handleCancel}

                            >
                                <div>
                                    <div style={{ display: 'flex' }}>
                                        <img src={require('./images/猫爪.png')} style={{ width: '30px', height: '30px', marginTop: '5px' }} />
                                        <p>到底什么是“克隆宠物”？
                                            提供宠物克隆服务的生物技术公司磐吉基因首席科学家赵明辉说：
                                            “克隆宠物需要先从宠物身上提取细胞样本，将其细胞核移植到受体卵细胞中，
                                            通过微电流刺激等方式使两者融合为一体，构建克隆胚胎。而后，将克隆胚胎移植入代孕动物子宫，
                                            使动物怀孕，最终产下与原宠物基因完全相同的克隆体。”</p>
                                    </div>
                                    <div style={{ display: 'flex' }}>
                                        <img src={require('./images/猫爪.png')} style={{ width: '30px', height: '30px', marginTop: '5px' }} />
                                        <p>
                                            那么，“克隆宠物”是否合法呢？

                                            专家指出，对于商业化克隆动物，我国在法律上没有明确规定，
                                            因此在现行法律框架下宠物克隆并不违法。但宠物克隆带来的风险是客观存在的，
                                            花费重金克隆宠物可能带来一系列纠纷，需要关注和警惕。
                                            作为交易物的克隆个体，若存在健康问题或天生缺陷，买方又该如何维权？
                                            卖方又该如何提供“质保”？这些不可知的风险，既是宠物克隆市场最紧迫、
                                            最直接的问题，也大概率是买方不曾想到或至少是未曾充分考虑的。
                                        </p>
                                    </div>
                                </div>


                            </Modal>

                        </li>

                        <li style={{ marginBottom: '40px' }}>

                            <span class="cnt">

                                <time datetime="2023-05-27">27<span>MAY</span></time></span> <div class="extra_wrapper">

                                <div class="col1"><a >“宠物经济”消费火热</a></div>“宠物经济”消费火热，今年前5月宠物相关企业注册量同比增长超100%
                                <a class="col2" onClick={this.showModalA}>
                                    Read More
                                </a>

                            </div>
                            <Modal
                                title="More"
                                visible={this.state.visibleA}
                                onOk={this.handleOkA}
                                onCancel={this.handleCancelA}
                            >
                                <div>
                                    <div style={{ display: 'flex' }}>
                                        <img src={require('./images/猫爪.png')} style={{ width: '30px', height: '30px', marginTop: '5px' }} />
                                        <p>
                                            深圳新闻网2023年6月13日讯（记者 张俊达）近年来，“宠物经济”成为年轻一代消费构成的必要部分，
                                            “撸猫”“撸狗”正迅速成为人们交际的热门谈资，宠物经济迈入高速发展新阶段。
                                            艾媒咨询数据显示，2022年中国宠物经济产业规模达到4936亿元，同比增长25.2％，预计2025年市场规模将达8114亿元。
                                            企查查数据显示，我国现存宠物相关企业超270万家。
                                            10年来，我国宠物相关企业每年注册量逐年增加。2018年至2022年，我国分别新增宠物相关企业10.76万家、
                                            20.72万家、32.86万家、80.08万家、97.51万家，分别新增54.24％、92.52％、58.64％、143.66％、21.77％。
                                            2023年前5月，我国新增宠物相关企业72.62万家，与2022年同期相比，上涨100.49％。从区域分布来看，海南以55.02万家
                                            宠物相关企业排名第一。江西、福建分别有26.19万家、25.91万家，位居前三。从城市分布来看，海口以51.48万家位居榜首。
                                            其次是金华、龙岩等地
                                        </p>
                                    </div>
                                    <div style={{ display: 'flex' }}>
                                        <img src={require('./images/猫爪.png')} style={{ width: '30px', height: '30px', marginTop: '5px' }} />
                                        <p>
                                            我国现存宠物相关企业超270万家。

                                            企查查数据显示，我国现存宠物相关企业超270万家。
                                            近10年来，我国宠物相关企业每年注册量逐年增加。
                                            2018年－2022年，我国分别新增宠物相关企业10.76万家、20.72万家、32.86万家、80.08万家、97.51万家，
                                            分别新增54.24％、92.52％、58.64％、143.66％、21.77％。
                                        </p>
                                    </div>
                                </div>

                            </Modal>

                        </li>

                        <li style={{ marginBottom: '40px' }}>

                            <span>

                                <time datetime="2023-05-28">28<span>MAY</span></time></span>

                            <div class="extra_wrapper">

                                <div class="col1"><a >第三届爱宠节举行</a></div>奉贤：引入“宠物+公益”理念，第三届爱宠节举行
                                <a class="col2" onClick={this.showModalB}>
                                    Read More
                                </a>
                            </div>
                            <Modal
                                title="More"
                                visible={this.state.visibleB}
                                onOk={this.handleOkB}
                                onCancel={this.handleCancelB}
                            >
                                <div>
                                    <div style={{ display: 'flex' }}>
                                        <img src={require('./images/猫爪.png')} style={{ width: '30px', height: '30px', marginTop: '5px' }} />
                                        <p>
                                            近日，第三届上海市奉贤区爱宠节在位于奉浦街道的浦南运河北岸绿地举办。
                                            尽管气温较高，但依旧没能阻挡众多爱宠市民的热情，现场热闹非凡，宠物家长们带着自家的“毛孩子”前来玩耍体验。
                                            无论是大一些的哈士奇、边牧，还是小一些的柴犬、泰迪，各式各样的宠物犬尽情奔跑在开阔的草坪上，营造出宠物与市民和谐共处的友好氛围。
                                        </p>
                                    </div>
                                    <div style={{ display: 'flex' }}>
                                        <img src={require('./images/猫爪.png')} style={{ width: '30px', height: '30px', marginTop: '5px' }} />
                                        <p>
                                            活动现场布置了多个天幕露营点，还有可爱的宠物照相点可以打卡，
                                            爱宠家长们坐在天幕下，喝着冰啤，听着音乐，一边进行养宠经验交流，一边看“毛孩子”们在一旁玩耍撒野。
                                            此外，市民们还可以在专业老师的指导下和狗狗一起享受宠物瑜伽、宠物芭蕾的快乐。丰富多彩的活动让市民和宠物都有所收获。
                                        </p>
                                    </div>
                                </div>

                                {/* <p>草坪周边的宠物集市也十分火爆，多家宠物品牌助力爱宠节，覆盖宠物食品、宠物医疗、宠物周边、宠物速写各个方面；公益摊位上，高考考生凭准考证就能获得一份宠物手绘画。草坪一侧，由核酸采样亭改造而来的“奇喵屋”和“喵星来电”引人注目，“喵星来电”为市民提供宠物交友等服务，“奇喵屋”则将发挥救助流浪猫的放归与活动空间等功能。</p> */}
                            </Modal>
                        </li>
                        <li style={{ marginBottom: '40px' }}>

                            <span class="cnt">

                                <time datetime="2023-05-29">29<span>MAY</span></time></span> <div class="extra_wrapper">

                                <div class="col1"><a >未婚的年轻人，开始把宠物当家人</a></div>宠物成为家人
                                <a class="col2" onClick={this.showModalC}>
                                    Read More
                                </a>

                            </div>
                            <Modal
                                title="More"
                                visible={this.state.visibleC}
                                onOk={this.handleOkC}
                                onCancel={this.handleCancelC}
                            >


                                <div>
                                    <div style={{ display: 'flex' }}>
                                        <img src={require('./images/猫爪.png')} style={{ width: '30px', height: '30px', marginTop: '5px' }} />
                                        <p>
                                            有不少媒体注意到，在大城市，越来越多的年轻人开始养宠物。
                                            数据显示，2010年至2020年，中国宠物数量从0.59亿只猛增至1.89亿只，其中城镇宠物猫狗数量突破1亿只。
                                            在大城市打拼的年轻人，虽然内心渴望恋爱和婚姻，但现实困难重重，因此他们把宠物视为家人般的存在。

                                            在新著《社会为什么对年轻人冷酷无情》（上海教育出版社2023年6月版）中，首创“婚活”“单身寄生族”概念的日本社会学家山田昌弘指出，
                                            “宠物家人化”等现象的出现，表明家庭的形式和内涵正在发生变化。
                                        </p>
                                    </div>
                                    <div style={{ display: 'flex' }}>
                                        <img src={require('./images/猫爪.png')} style={{ width: '30px', height: '30px', marginTop: '5px' }} />
                                        <p>
                                            比如，家人是必需的吗？还是没有家人也无所谓？再如，家人是否可以自行选择？能否以“断亲”这种形式单方面解除与家人的关系？

                                            “要建立传统意义上的家庭变得越来越难。然而，希望有某种珍视自己、认同自己必要性的家庭关系，
                                            也就是我所说的对家庭关系的渴望，却并未减弱，反而更加强烈。”山田昌弘写道。

                                            以下文章摘自《社会为什么对年轻人冷酷无情》一书。关于重新定义家庭并进行家庭形态重组，让我们看看来自日本的思考。
                                        </p>
                                    </div>
                                </div>

                            </Modal>

                        </li>

                    </ul>

                </div>

            </div>





        )

    }

}

export default News;